<template>
    <div class="dialog_update">
        <div class="dialog_content">
            <div class="dialog_body">
                <h3 class="title">动博士新版3.4.0</h3>
                <ul class="content_list">
                    <li>1、老学员福利专享：首次绑定ybdl正式学员，百万金币等着您！</li>
                    <li>2、地图页面增加导航入口，助您更快到达目的地；</li>
                    <li>3、增加快速返回顶部操作，及时获取最新资讯；</li>
                    <li>4、修复了若干bug，使用体验更舒畅！</li>
                </ul>
            </div>
            <!-- <div class="dialog_footer">
                <a class="updateNow" href="http://a.app.qq.com/o/simple.jsp?pkgname=cn.drsports.client">立即升级</a>
            </div> -->
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {}
    }
}
</script>
<style lang="scss" scope>
    .dialog_update{
        padding-top: 10%;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: rgba(0,0,0,0.5);
        z-index: 5;
        .dialog_content{
            position: relative;
            padding-bottom: 1.18rem;
            padding-top: 3.50rem;
            overflow: hidden;
            background: url(~img/update@2x.png) no-repeat;
            background-size: 100% auto;
            width: 5.78rem;
            min-height: 4.00rem;
            margin: 0 auto;
            border-radius:0.30rem;
            .dialog_body{
                padding: 0.30rem 0.46rem;
                .title{
                    margin-bottom: 0.34rem;
                    font-size: 0.40rem;
                    color: #4d4d4d;
                    font-weight: 500;
                    text-align: center;
                    line-height: 0.56rem;
                }
                .content_list{
                    max-height: 3.50rem;
                    overflow: auto;
                    li{
                        margin-bottom: 0.20rem;
                        font-size: 0.28rem;
                        line-height: 0.42rem;
                        color: #808080;
                        font-weight: 400;
                    }
                }
            }
            .dialog_footer{
                width: 100%;
                position: absolute;
                bottom: 0rem;
                padding-bottom: 0.46rem;
                background: #ffffff;
                .updateNow{
                    margin: 0 auto;
                    display: block;
                    width: 4.86rem;
                    height: 0.72rem;
                    background:linear-gradient(135deg,rgba(97,227,167,1) 0%,rgba(36,211,169,1) 100%);
                    box-shadow:0px 0.04rem 0.14rem -0.04rem rgba(25,200,169,1);
                    border-radius:0.50rem;
                    text-align: center;
                    font-size: 0.28rem;
                    color: #ffffff;
                    line-height: 0.72rem;
                }
            }
        }
    }
</style>
